<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="The best Lost & Found solution for travelers" />
	<meta name="keywords" content="travel,lost&found,lost,found" />
	<meta name="author" content="Mark Rosenthal" />
	<link rel="stylesheet" type="text/css" href="style/the-grid.css" title="The Grid" media="all" />
	<link type="text/css" href="css/excite-bike/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
    <script src="script/common.js" type="text/javascript"></script>
    <script src="script/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
    <script src="script/common.js" type="text/javascript"></script>
	<title>Pijunn - Registration</title>
</head>

<body>
<div id="width960">

	<div id="header" class="row">
		<div class="col c12">
			<p><a href="index.html"><img src="images/header.jpg" alt="Pijunn v1.0" /></a></p>
			<div id="head-links" class="fright">
				<a href="registration.html">Register</a>
				 or 
				<a href="login.html">Login</a>
			</div>
		</div>
		<span class="feedback followLink" id="usrFeedBk"></span>
		<div id="memberFeedbackPanel" title="Send Feedback" class="hidden">
    		<p class="validateTips">All form fields are required.</p>
 
			<form id="memberFeedbackForm">
				<div class="label">Dear pijunn.com,</div>
				<div id="feedbackTextDiv">
					<textarea tabindex="101" name="feedbackText" id="feedbackText"></textarea>                
				</div>
			
				<div class="row">
					<div class="label formatLH">Your Email Address</div>
					<div id="memberEmailDiv" class="field">
						<input type="text" maxlength="64" tabindex="102" name="feedbackEmail" id="feedbackEmail">
					</div>
				</div>
			</form>
		</div>
	</div>
	
	<div class="row">
		<div class="col c12">
			<h1>Registration</h1>
		</div>
	</div>
		
	<div class="row">
		<div class="col c12">
			<h3 class="indent">It&apos;s always Free to Register with Pijunn!</h3>
		</div>
	</div>

	<div class="row">
		<div class="col c2">&nbsp;</div>
		<div class="col c10">		
			<div id="notag-box" class="formBox">
				<form>
					<fieldset class="main">
						<legend>Identity</legend>
						<label for="firstName">First Name:</label>
						<input type="text" id="firstName" name="firstName" class="formTextInput" hint="First Name"/><br/>
						<label for="lastName">Last Name:</label>
						<input type="text" id="lastName" name="lastName" class="formTextInput" hint="Last Name" /><br/>
						<label for="password">Password:</label>
						<input type="text" hint="Password" id="password" name="password" class="formTextInput"/><br/>
						<label for="confirmPassword">Confirm Password:</label>
						<input type="text" hint="Confirm Password" id="confirmPassword" name="confirmPassword" class="formTextInput"/><br/>
					</fieldset>
					<fieldset class="main">
						<legend>Mailing Location</legend>
						<label for="street">Street/PO Box</label>
						<input type="text" hint="Mailing Address" id="street" name="street" class="formTextInput"/><br/>
						<label for="city">&nbsp;</label>
						<input type="text" hint="City" id="city" name="city" class="formTextInput narrowWidth"/>
						<input type="text" hint="State" id="state" name="state" class="formTextInput tinyWidth"/>
						<input type="text" hint="Zip" id="zip" name="zip" class="formTextInput tinyWidth"/><br/>
					</fieldset>
					<fieldset class="main">
						<legend>Contacting you</legend>
						<label for="eMail">E-Mail Address:</label>
						<input type="text" hint="E-Mail" id="eMail" name="eMail" class="formTextInput"/><br/>
						<label for="confirmEMail">Confirm Address:</label>
						<input type="text" hint="Confirm E-Mail" id="confirmEMail" name="confirmEMail" class="formTextInput"/><br/>
						<label for="cell">Cell Phone</label>
						<input type="text" hint="Cell Phone" id="cell" name="cell" class="formTextInput"/><br/>
						<label for="alternate">Alternte Phone</label>
						<input type="text" hint="A Phone number of a frequent travel companion" id="alternate" name="alternate" class="formTextInput"/><br/>
						<label for="skype">Skype Id</label>
						<input type="text" hint="Skype Id" id="skype" name="skype" class="formTextInput"/><br/>
					</fieldset>
					<fieldset class="main">
						<legend>Human Test</legend>
						<label for="captchaCode">Enter Symbol:</label>
						<img alt="CAPTCHA" src="images/captcha.png"/>
						<input type="text" hint="Code" id="captcha" name="captcha" class="formTextInput" style="margin-left:100px;"/><br/>
					</fieldset>
					<input type="submit" id="register" class="basic-ok-button submitButton" value="Register"/>
					<input type="reset" class="basic-cancel-button submitButton" value="Clear"/>
				</form>
			</div>
		</div>
	</div>
	
	<div id="confirm" class="hidden">
		<p>Congratulations!  You are now registerd with Pijunn!  To take advantage of the Pijunn benefits, you will now want to register your valuables.  We recommend purchasing tamper-proof labels, but you may also opt to print your own labels instead.  Please proceed now:</p>
		<p><a id="purchase" href="#">Purchase Tamper-proof labels from us</a></p>
		<p><a id="generate" href="#">Generate your own labels</a></p>
	</div>
		
	<div id="footer" class="row">
		<div class="col c12">
			<p>&copy; 2012 Pijunn, LLC<br />
			<a href="index.html">Home</a> | <a href="index.html">About</a> | <a href="merchandise.html">Products &amp; Services</a> | <a href="#">Media</a> | <a href="#">My Account</a> | <a href="#">Contact Us</a>
		</div>
	</div>
	
</div>
</body>
<script type="text/javascript">
<!--
$(function(){
	$('#confirm').dialog({
		modal: true,
		autoOpen: false,
		width: 450,
		height: 280
	});
	
	$('#purchase')
		.button()
		.click(function(){
			window.location.href = 'merchandise.html';			
		});

	$('#generate')
	.button()
	.click(function(){
		window.location.href = 'registerItems.html';
	});
	
	$('#register').click(function(){
		$('#confirm').dialog('open');		
		return false;
	});

});
-->
</script>
</html>
